<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
  </head>
  <body>
    <script src="./lib/axios.js"></script>
    <script>
      // try-catch捕获异常
      /*
        1. try中出错啦,-->catch
        2. try中如果没有错误,直接执行,catch不触发
        3. try-catch可以让代码 更健壮
        4. js如果出错,后面的代码不会继续执行
      */
      // try {
      //   const msg = '聊天机器人,崩溃勒!'
      //   // msg 未定义
      //   console.log(msg)
      // } catch (error) {
      //   console.log('try中出错啦')
      //   console.log('error:', error)
      // }
      // console.log(msg)
      // console.log(info)
      // console.log('底部的代码')

      async function getInfo() {
        try {
          const res1 = await axios({
            url: 'http://ajax-api.itheima.net/api/books/250',
          })
          console.log('res1:', res1)
        } catch (error) {
          console.dir(error)
          // 接口调用失败 可以在这里获取信息 并执行处理逻辑
          alert(error.response.data.message)
        }

        console.log('123')
      }
      getInfo()
    </script>
  </body>
</html>
